<template>
    <div class="home">
        这里是首页
        <ul>
            <router-link v-for="(item, index) in list" :key="index"  :to="item.path">
                <button>{{ item.title }}</button>
            </router-link>
        </ul>
    </div>
</template>
<script lang="ts">
    import {
        defineComponent,
        reactive,
        toRefs
    } from 'vue'
    export default defineComponent({
        setup() {
            const data = reactive < Record < string,
                any >> ({
                    list: [{
                            title: "我的等级",
                            path: "/level",
                        },
                        {
                            title: "关于我们",
                            path: "/about",
                        },
                        {
                            title: "用户协议",
                            path: "/agreement",
                        },
                        {
                            title: "客服中心",
                            path: "/contact",
                        },
                        {
                            title: "隐私协议",
                            path: "/privacy",
                        },
                        {
                            title: "隐私协议2",
                            path: "/privacy2",
                        },
                        {
                            title: "充值协议",
                            path: "/rechargeProtocol",
                        },
                        {
                            title: "技术支持",
                            path: "/support",
                        },

                        {
                            title: "绿色公约",
                            path: "/convention",
                        },
                        {
                            title: "声贝绿色公约",
                            path: "/convention_new",
                        },
                        {
                            title: "下载",
                            path: "/down",
                        },
                        {
                            title: "声贝下载",
                            path: "/down_new",
                        },
                        {
                            title: "房间数据",
                            path: "/roominfo",
                        },
                        {
                            title: "联系我们",
                            path: "/coop",
                        },
                        {
                            title: "兑换",
                            path: "/exchange",
                        },
                        {
                            title: "充值",
                            path: "/recharge",
                        },
                        {
                            title: "提现",
                            path: "/withdrawal",
                        },
                        {
                            title: "创作中心",
                            path: "/create",
                        },
                        {
                            title: "积分规则说明",
                            path: "/integral",
                        },
                        {
                            title: "首冲得限定装扮",
                            path: "/hope_new",
                        },

                        {
                            title: "达人堂得特权",
                            path: "/SignIn",
                        },
                        {
                            title: "幸运魔盒",
                            path: "/luckyBox",
                        },
                        {
                            title: "会员等级",
                            path: "/membershipLevel",
                        },
                        {
                            title: "玩法规则",
                            path: "/playrules",
                        },
                        {
                            title: "装扮兑换 礼物兑换",
                            path: "/dressUpExchange",
                        },
                        {
                            title: "装扮商城",
                            path: "/dress",
                        },
                        {
                            title: "装扮商城",
                            path: "/dress_new",
                        },
                        {
                            title: "我的背包",
                            path: "/myBackpack",
                        },
                        {
                            title: "好友列表",
                            path: "/followFriends",
                        },
                        {
                            title: "微信公众号充值",
                            path: "/recharge_wx",
                        },
                        {
                            title: "微信公众号充值-衫德",
                            path: "/recharge_wx_shande",
                        },
                        {
                            title: "提现",
                            path: "/withdrawal_new",
                        },
                        {
                            title: "添加银行卡号",
                            path: "/withdrawal_push",
                        },
                        {
                            title: "我的会员",
                            path: "/level_new",
                        },
                        {
                            title: "闪耀新星",
                            path: "/OnePiece",
                        },
                        {
                            title: "签到赢荣耀典藏皮肤",
                            path: "/ObtainShells",
                        },
                        {
                            title: "劳动最光荣",
                            path: "/MayDay",
                        },
                        {
                            title: "官方认证",
                            path: "/OfficialCertification",
                        },
                        {
                            title: "防网络诈骗公告",
                            path: "/Notice",
                        },
                        {
                            title: "心动告白 为爱守护",
                            path: "/Confession",
                        },
                        {
                            title: "心粽有你",
                            path: "/ChildrensDay",
                        },
                        {
                            title: "达人堂得特权",
                            path: "/SignIn_new",
                        },
                        {
                            title: "好声音",
                            path: "/goodVoice",
                        },
                        {
                            title: "七夕礼盒 心动有你",
                            path: "/Festival",
                        },
                    ],
                })

            return {
               ...toRefs(data)
            }
        }
    })
</script>
<style lang="less" scoped>
    @import './homeIndex.less';
</style>